<template>
  <div class="video-page">
    <h1 class="title">这是视频!!!!</h1>
    <Btn/>
  </div>
</template>

<script>
import Btn from '@/components/child'
export default {
  components: {
    Btn
  }
}
</script>

<style scoped lang="less">
/* 可以给style 属性设置一个scoped 属性, 来强调当前组件的样式仅作用在当前组件 (局部作用域) */
  .title{
    color: red;
  }

  .video-page /deep/.btn{
     background-color: green;
   }
</style>
